<template>
  <el-card class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="每日新增【竞店】博主报表" name="storeNew">
        <store-new-daily/>
      </el-tab-pane>
      <el-tab-pane label="[个人]每日新增数据表" name="userNew">
        <user-new-daily/>
      </el-tab-pane>
      <el-tab-pane label="每月新增[竞店]博主汇总" name="storeNewDaily">
        <store-new></store-new>
      </el-tab-pane>
      <el-tab-pane label="每月[个人]新增博主汇总" name="userNewDaily">
        <user-new></user-new>
      </el-tab-pane>
    </el-tabs>
    <!--    <loading-dialog v-model="isExporting" loading-text="正在导出，请稍等"/>-->
  </el-card>
</template>

<script>
import StoreNew from '@/feature/mct/app/competing-store-blogger/components/StoreNew'
import UserNew from '@/feature/mct/app/competing-store-blogger/components/UserNew'
import StoreNewDaily from '@/feature/mct/app/competing-store-blogger/components/StoreNewDaily'
import UserNewDaily from '@/feature/mct/app/competing-store-blogger/components/UserNewDaily'

export default {
  components: { UserNewDaily, StoreNewDaily, UserNew, StoreNew },

  data() {
    return {
      activeName: 'storeNew'
    }
  },
  // watch: {
  //   activeName() {
  //     if (this.activeName === 'store') {
  //       this.loadRevocationRateByStore()
  //     } else if (this.activeName === 'storeDaily') {
  //       this.loadRevocationRateByUserDaily()
  //     } else if (this.activeName === 'dailyReport') {
  //       this.loadDailyReport()
  //     } else {
  //       this.loadRevocationRateByUser()
  //     }
  //   }
  // },

  methods: {}
}
</script>

<style scoped lang="scss">

</style>
